// pages/artDetail/artDetail.js
import {getArticle} from '../../api/article.js'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        id:null,
        articleDetail:{},
        number:0
    },
    // 获取文章详情
    async getArticleDetail(){
        const res  = await getArticle(this.data.id)
        // res.data.content = res.data.content.replace(/\<p>/g,'<p style="height:30px;line-height:30px;">')
        res.data.content = res.data.content.replace(/\<pre/g,'<pre style="background-color: #f6f8fa;overflow: auto;margin:15px;"')
        res.data.content = res.data.content.replace(/\<ol/g,'<ol style="list-style: none;margin-top:20px"')
        res.data.content = res.data.content.replace(/\<ul/g,'<ul style="list-style: none;margin-top:20px"')
        res.data.content = res.data.content.replace(/\<h1/g,'<h1 style="font-size: 16px;font-weight: 600;height:30px;line-height:30px;"')
        res.data.content = res.data.content.replace(/\<h2/g,'<h2 style="border-bottom:1px solid #dfe2e5;font-size: 12px;font-weight: 600;height:30px;line-height:30px;"')
        res.data.content = res.data.content.replace(/\<h3/g,'<h3 style="font-size: 16px;font-weight: 600;height:30px;line-height:30px;"')
        res.data.content = res.data.content.replace(/\<h4/g,'<h4 style="font-size: 16px;font-weight: 600;height:30px;line-height:30px;"')
        res.data.content = res.data.content.replace(/\<img/g,'<img style="width:100%;"')
        res.data.content = res.data.content.replace(/\<blockquote/g,'<blockquote style="border-left:1px solid #dfe2e5;padding: 0 12px; margin-top:10px"')
        this.setData({
            articleDetail:res.data
        })
    },
    // 返回上一个页面
    back(){
        wx.navigateBack({
            delta: 1
        });
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad({id}) {
        this.setData({
            id:id
        })
        this.getArticleDetail()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})